<template>
<!--房东个人中心-->
	<div class="landlordPersonal">
		<div class="landlordPersonal-head">
			<div class="landlordPersonal-user">
				<div class="user-imgbox">
					<img class="user-img" src="../assets/img/images/login-logo_03.png" />
				</div>
				<div class="user-info">
					<p class="user-name">走在小路边</p>
					<span class="user-member">点击查看房源列表</span>
				</div>
			</div>
			<div class="landlordPersonal-setgo"><img class="landlordPersonal-setgoimg" src="../assets/img/set.png" /></div>
		</div>

		<div class="landlordPersonal-moneybox">
			<div class="landlordPersonal-money">
				<div class="landlordPersonal-money-item">
					<p class="lmi-one">总营业额</p>
					<p class="lmi-two">0.00</p>
					<p class="lmi-three">今日<span>0.00</span>元</p>
				</div>
				<div class="landlordPersonal-money-item">
					<p class="lmi-one">总营业额</p>
					<p class="lmi-two">0.00</p>
					<p class="lmi-three">今日<span>0.00</span>元</p>
				</div>
				<div class="landlordPersonal-money-item">
					<p class="lmi-one">总营业额</p>
					<p class="lmi-two">0.00</p>
					<p class="lmi-three">今日<span>0.00</span>元</p>
				</div>
			</div>
		</div>

		<div class="landlordPersonal-content">
			<div class="landlordPersonal-item">
				<router-link to="/lpwithdrawals">
					<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>提现</p>
				</router-link>
				
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>点评</p>
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>分享</p>
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>收款设置</p>
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>芝麻信用</p>
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>提前退房</p>
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>待客之道</p>
			</div>
			<div class="landlordPersonal-item">
				<div class="item-imgbox">
					<img class="item-img" src="../assets/img/images/jf.png" />
				</div>
				<p>联系客服</p>
			</div>
			
		</div>
		<router-link to="/tenantPersonal">

			<div class="landlordPersonal-switch">
				<img class="landlordPersonal-switchicon" src="../assets/img/qh.png" />
				<span>切换成房客</span>
			</div>
		</router-link>

	</div>
</template>

<script>
</script>

<style scoped>
	.landlordPersonal {
		width: 100%;
	}
	
	.landlordPersonal .landlordPersonal-head {
		width: 100%;
		height: 2.8rem;
		background: #ee4648;
		display: flex;
		justify-content: space-between;
	}
	
	.landlordPersonal .landlordPersonal-setgo {
		height: .69rem;
		text-align: right;
		padding: .24rem .24rem .12rem 0;
		box-sizing: border-box;
	}
	
	.landlordPersonal .landlordPersonal-setgoimg {
		display: inline-block;
		width: .42rem;
		height: .42rem;
	}
	
	.landlordPersonal .landlordPersonal-user {
		display: flex;
		padding: .24rem 0 0 .24rem;
		box-sizing: border-box;
	}
	
	.landlordPersonal .user-imgbox {
		width: .83rem;
		height: .83rem;
	}
	
	.landlordPersonal .user-img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	
	.landlordPersonal .user-name {
		color: #fff;
		font-size: .35rem;
		line-height: .35rem;
	}
	
	.landlordPersonal .user-info {
		margin-left: .24rem;
	}
	
	.landlordPersonal .user-member {
		display: block;
		color: #ffbebf;
		font-size: .24rem;
		line-height: .24rem;
		margin-top: .24rem;
	}
	
	.landlordPersonal .landlordPersonal-moneybox {
		width: 100%;
		height: 1.56rem;
		position: relative;
		box-sizing: border-box;
	}
	
	.landlordPersonal .landlordPersonal-money {
		width: 7.03rem;
		height: 2.6rem;
		background: #fff;
		position: absolute;
		top: -1.3rem;
		left: .24rem;
		border-radius: .1rem;
		display: flex;
	}
	
	.landlordPersonal .landlordPersonal-money-item {
		width: 33.33333%;
		text-align: center;
		padding: .4rem 0 .76rem 0;
		box-sizing: border-box;
		position: relative;
	}
	
	.landlordPersonal .landlordPersonal-money-item::after {
		content: "";
		display: block;
		width: 1px;
		height: 50%;
		background: #e2e2e2;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.landlordPersonal .landlordPersonal-money-item:last-child::after{
		display: none;
	}
	.landlordPersonal .lmi-one {
		color: #282828;
		font-size: .24rem;
	}
	
	.landlordPersonal .lmi-two {
		margin-top: .29rem;
		color: #ea3c41;
		font-size: .38rem;
	}
	
	.landlordPersonal .lmi-three {
		color: #eb464a;
		font-size: .24rem;
		margin-top: .25rem;
	}
	
	.landlordPersonal .landlordPersonal-content {
		width: 100%;
		display: flex;
		-webkit-flex-wrap: wrap;
		background: #fff;
		padding-bottom: .56rem;
		box-sizing: border-box;
	}
	
	.landlordPersonal .landlordPersonal-item {
		width: 33.33333%;
		text-align: center;
		margin-top: .83rem;
	}
	
	.landlordPersonal .item-imgbox {
		width: .44rem;
		height: .44rem;
		margin: auto;
	}
	
	.landlordPersonal .item-img {
		display: block;
		max-width: 100%;
		min-height: 100%;
	}
	
	.landlordPersonal .landlordPersonal-item p {
		font-size: .31rem;
		color: #282828;
	}
	
	.landlordPersonal .landlordPersonal-item span {
		display: block;
		font-size: .25rem;
		color: #a4a4a4;
	}
	
	.landlordPersonal .landlordPersonal-switch {
		width: 100%;
		height: .9rem;
		background: #fff;
		margin: .21rem auto;
		font-size: .28rem;
		color: #282828;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.landlordPersonal .landlordPersonal-switchicon {
		display: block;
		width: .38rem;
	}
</style>